<script setup></script>

<template>
  <!-- 功能 -->
  <div class="top">
    <div class="text">WEB_CHAT</div>
    <div class="icons">
      <div>搜索</div>
      <div>添加</div>
    </div>
  </div>
</template>

<style scoped lang="scss">
.top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100vw;
  .text {
    padding: 15px;
  }
  .icons {
    display: flex;
    gap: 10px; /* 图标之间的间距 */
  }
}
</style>
